<template>
  <div>ChildComp</div>
</template>

<script>
export default {
  name: "ChildComp",
  mounted() {
    /*
      $attrs 包含未声明接受的props数据
        使用场景：实现props数据透传 v-bind="$attrs"

      $listeners 包含自定义事件的回调函数
        使用场景：实现事件透传 v-on="$listeners"

        触发自定义事件两种方式：
          this.$emit('xxx')
          this.$listeners.xxx()
    */
    console.log(this);
  },
  props: ["name"],
  inheritAttrs: false, // 隐藏$attrs上的属性
};
</script>

<style></style>
